@import (reference) "./../../shared/common";
@import (reference) "./../../shared/color";
@import (reference) "./../../shared/constants";
@import "./../../tab-list/tab-list.component.less";
:host {
  .display-flex(row);
  height: calc(~"100% - 36px");
}

.index-left-wrapper {
  height: 100%;
  .display-flex;
  .flex;
}

.index-right-wrapper {
  .display-flex;
  .flex(0, 0, auto);
  background: @color-white;
  border-left: @border-simple-dark;
  width: 380px;
}

.table-wrapper,
.chart-wrapper {
  .flex(1, 1, 100px);
}
.table-wrapper {
  height: 50%;
  .flex-grow;
  background-color: @color-white;
}

.chart-wrapper {
  .display-flex(row);
  border-top: @border-simple-dark;
  background: @color-white;
  padding: 0 @space-common;
  .chart-header {
    margin: 3px 0;
    font-size: 1.4rem;
  }
  &>* {
    .flex(1, 1, 100px);
    .display-flex;
    quote-chart,
    kchart {
      .flex(1, 1, 100px);
    }
  }
  text {
    font-size: 14px;
  }
}